{% extends "templ.html" %}

{% block body%}
<div>
   <ul class="list-unstyled">
      {% for tmp in chirpings %}
      <li>
         <div class='item media'>
            <div class="media-body">
               <h4 class='timestamp' id='{{ tmp.timestamp }}'>
                  <small><i></i></small>
               </h4>
               {% include 'chirpings-menu.html' %}
               <p class='text'> {{ tmp.text }} </p>
               <input id='{{tmp.id}}' type='text' hidden value='{{tmp.score}}'/>
            </div>
         </div>
      </li>
      {% endfor %}
   </ul>
   {% include 'chirpings-pagination.html' %}
</div>
{% include 'chirpings-script.html' %}
{% endblock %}
